<template>
    <div class='footerBottom'>
        <div class='container'>
            <div class='footerBottomMain'>
                <ul>
                    <li>
                        <h3>关于我们</h3>
                    </li>
                    <li><a @click='getAboutUs' href="javascript:;">公司简介</a></li>
                    <li><a @click='getConcat' href="javascript:;">联系我们</a></li>
                </ul>
                <ul>
                    <li>
                        <h3>帮助中心</h3>
                    </li>
                    <li><a  @click='getstatement' href="javascript:;">投资指南</a></li>
                </ul>
                <ul>
                    <li>
                        <h3>关注我们</h3>
                    </li>
                    <li>
                        <div class="imgBox">
                            <img src="../../../assets/image/qrcode.jpg" alt="">
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h3>投资热线</h3>
                    </li>
                    <li>028-85081413</li>
                </ul>
            </div>
            <p class='footerText'>@2017-2018 四川国锐影视传媒有限公司 gryscm.com, All Rights Reserved. 蜀ICP备18012621号-1</p>
        </div>
    </div>
</template>


<script>
export default {
    name:'footerBottom',
    data(){
        return {

        }
    },
    methods:{
        getConcat(){
            this.$router.push({path: '/contactUs'});
        },
        getAboutUs(){
            this.$router.push({name:'aboutUs'});
        },
        getstatement(){
            this.$router.push({name:'Investment'});
        }
    }
}
</script>


<style lang="less" scoped>
.footerBottom{
    width: 100%;
    padding: 3rem 0;
    background: #202334;
    .container{
        width: 72%;
        min-width: 72%;
        margin: 0 auto;
        padding: 0;
        .footerBottomMain{
            display: flex;
            flex-wrap: wrap;
            border-bottom: 1px solid rgba(187, 187, 187, 1);
            padding-bottom: 3rem;
            ul{
                width: 25%;
                padding: 1rem 4rem;
                line-height: 2rem;
                border-right: 1px solid rgba(187, 187, 187, 1);
                li{
                    color: rgba(166, 166, 166, 1);
                    font-size: 20px;
                    h3{
                        font-weight: 400;
                        color: #e3e3e3;
                        margin: 0;
                        font-size: 21px;
                    }
                    a{
                        color: rgba(166, 166, 166, 1);
                        font-size: 15px;
                    }
                    .imgBox{
                        width: 74%;
                        // height: 170px;
                        margin-top: 1rem;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
            ul:last-child{
                border: none;
            }
        }

        .footerText{
                text-align: center;
                color: #a6a6a6;
                font-size: 12px;
                margin: 2rem 0 0 0;
        }

    }
}
</style>
